12.5:H212204 Collect all related elements of Web content together.

Improper design

DIV label was not used to distinguish related links.

Improper design:

  <P>Strungstrung communication cell phone brand list</P>
  SamSung<BR>
  Motorola<BR>
  Philip<BR>
  Sharp<BR>
  <BR>
  <A href="linkto/ex.jsp">functions</A><A href="linkto/ex.jsp">price</A>
  <A href="linkto/ex.jsp">services</A><A href="linkto/ex.jsp">guarantee</A>

End of example

Proper demonstration

Use UL and DIV labels to collect related links are categorized into two group below: brand name and Web site navigation.

Proper example:

  <DIV>
  <P>Strungstrung communication cell phone brand list</P>
  <UL>
  <LI>SamSung</LI>
  <LI>Motorola</LI>
  <LI>Philip</LI>
  <LI>Sharp</LI>
  </UL>
  </DIV>
  <DIV>
      [<A href="linkto/ex.jsp">function</A>][<A href="linkto/ex.jsp">price</A>]
      [<A href="linkto/ex.jsp">service</A>][<A href="linkto/ex.jsp">guarantee</A>]
  </DIV>

End of example